<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>Metronic | Form Layouts</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN LAYOUT FIRST STYLES -->
    <link th:href="@{/assets/global/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/assets/global/plugins/simple-line-icons/simple-line-icons.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/assets/global/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <!--<link th:href="@{/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css}" rel="stylesheet" type="text/css" />-->
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <!--<link th:href="@{/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css}" rel="stylesheet" type="text/css" />-->
    <link th:href="@{/assets/global/plugins/morris/morris.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/assets/global/plugins/fullcalendar/fullcalendar.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/assets/global/plugins/jqvmap/jqvmap/jqvmap.css}" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link th:href="@{/assets/global/css/components.min.css}" rel="stylesheet" id="style_components" type="text/css" />
    <link th:href="@{/assets/global/css/plugins.min.css}" rel="stylesheet" type="text/css" />
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link th:href="@{/assets/layouts/layout/css/layout.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/assets/layouts/layout/css/themes/darkblue.min.css}" rel="stylesheet" type="text/css" id="style_color" />
    <link th:href="@{/assets/layouts/layout/css/custom.min.css}" rel="stylesheet" type="text/css" />
    <!--<link th:href="@{/assets/global/plugins/datatables/datatables.min.css}" rel="stylesheet" type="text/css" />-->
    <!--<link th:href="@{/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css}" rel="stylesheet" type="text/css" />-->

    <!-- END THEME LAYOUT STYLES -->
    <link rel="shortcut icon" href="favicon.ico" /> </head>
<!-- END HEAD -->

<body class="">
<div class="container-fluid">
        <div class="page-fixed-main-content">
            <!-- BEGIN PAGE BASE CONTENT -->
            <div class="row">
                <div class="col-md-12">
                    <div class="tabbable-line boxless tabbable-reversed">
                        </div>
                            <div class="tab-pane" id="tab_2">
                                <div class="portlet light bg-inverse">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <!--<i class="icon-equalizer font-green-haze"></i>-->
                                            <span class="caption-subject font-blue-haze bold uppercase">数据源配置</span>
                                            <!--<span class="caption-helper">some info...</span>-->
                                        </div>
                                        <!--<div class="tools">-->
                                            <!--<a href="" class="collapse"> </a>-->
                                            <!--<a href="#portlet-config" data-toggle="modal" class="config"> </a>-->
                                            <!--<a href="" class="reload"> </a>-->
                                            <!--<a href="" class="remove"> </a>-->
                                        <!--</div>-->
                                    </div>
                                    <div class="portlet-body form">
                                        <!-- BEGIN FORM-->
                                        <form action="#" class="form-horizontal" role="form" th:action="@{/sjypz/save}" id="dbForm" method="post">
                                            <div class="form-body">
                                                <!--<h3 class="form-section">Person Info</h3>-->
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据源名称</label>
                                                            <div class="col-md-9">
                                                                <input type="text" class="form-control" placeholder="请输入数据源名称" th:value="${sjkxx.sjkmc}" name="sjkmc" id="sjkmc">
                                                                <!--<span class="help-block"> This is inline help </span>-->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--/span-->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据源类型</label>
                                                            <div class="col-md-9">
                                                                <select name="sjylx" class="form-control" id="sjklx">
                                                                    <!--<option value="sqlserver">sqlserver</option>-->
                                                                    <!--<option value="oracle">oracle</option>-->
                                                                    <option value="sqlserver" th:selected="${sjkxx.sjklx == 'sqlserver'}">sqlserver</option>
                                                                    <option value="oracle" th:selected="${sjkxx.sjklx == 'oracle'}">oracle</option>
                                                                </select>
                                                                <!--<span class="help-block"> This field has error. </span>-->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--/span-->
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据源库IP</label>
                                                            <div class="col-md-9">
                                                                <input type="text" class="form-control" th:value="${sjkxx.sjkdz}" name="sjkdz" id="sjkdz">
                                                                <!--<span class="help-block"> Select your gender. </span>-->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--/span-->
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据库端口</label>
                                                            <div class="col-md-9">
                                                                <input type="text" class="form-control" id="sjkport" value="1433" readonly style="background-color: #fff"></div>
                                                        </div>
                                                    </div>
                                                    <!--/span-->
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据库实例名</label>
                                                            <div class="col-md-9">
                                                                <input type="text" class="form-control" th:value="${sjkxx.sjkdm}" name="sjkdm" id="sjkdm">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--<div class="col-md-6">-->
                                                        <!--<div class="form-group">-->
                                                            <!--<label class="control-label col-md-3">SID</label>-->
                                                            <!--<div class="col-md-9">-->
                                                                <!--<input type="text" class="form-control" th:value="${sjkxx.sjkdm}" disabled="true">-->
                                                            <!--</div>-->
                                                        <!--</div>-->
                                                    <!--</div>-->
                                                    <!--/span-->
                                                </div>
                                                <!--<h3 class="form-section">Address</h3>-->
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据库账号</label>
                                                            <div class="col-md-9">
                                                                <input type="text" class="form-control" th:value="${sjkxx.yhm}" name="yhm" id="yhm">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-3">数据库密码</label>
                                                            <div class="col-md-9">
                                                                <input type="text" class="form-control" th:value="${sjkxx.mm}" name="mm" id="mm">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="col-md-3 control-label">简介</label>
                                                            <div class="col-md-9">
                                                                <textarea class="form-control" rows="3" th:value="${sjkxx.ms}" name="ms"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <div class="row" style="display:flex;justify-content:space-between">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                            <span class="input-group-btn">
                                                            <button id="genpassword" class="btn btn-success" type="button" style="background-color: #117BF0" onclick="testCon()">
                                                                 测试数据库连接<i class="fa fa-arrow-right fa-fw"></i></button>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div>
                                                    <button type="button" class="btn btn-success" style="background-color: #117BF0" onclick="save()">保存</button>
                                                    <button type="button" class="btn default" onclick="javascript:history.go(-1)">取消</button>
                                                </div>
                                            </div>
                                                <!--/row-->
                                            <!--<div class="form-actions">-->
                                                <!--<div class="row">-->
                                                    <!--<div class="col-md-offset-4 col-md-8">-->
                                                        <!--<button type="submit" class="btn btn-success" style="background-color: #117BF0">提交</button>-->
                                                        <!--<button type="button" class="btn default" style="margin-left: 20px">取消</button>-->
                                                    <!--</div>-->
                                                    <!--<div class="form-actions right">-->
                                                        <!--<button type="button" class="btn default">Cancel</button>-->
                                                        <!--<button type="submit" class="btn green">Submit</button>-->
                                                    <!--</div>-->
                                                <!--</div>-->
                                            </div>
                                        </form>
                                        <!-- END FORM-->
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
</div>
<!--<script type="text/javascript" th:src="@{assets/global/plugins/respond.min.js}"></script>-->
<!--<script type="text/javascript" th:src="@{assets/global/plugins/excanvas.min.js}"></script>-->
<script type="text/javascript" th:src="@{/assets/global/plugins/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/global/plugins/bootstrap/js/bootstrap.min.js}"></script>
<!--<script type="text/javascript" th:src="@{assets/global/plugins/js.cookie.min.js}"></script>-->
<script type="text/javascript" th:src="@{/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/global/plugins/jquery.blockui.min.js}"></script>
<!--<script type="text/javascript" th:src="@{assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js}"></script>-->
<!--<script type="text/javascript" th:src="@{assets/global/scripts/app.min.js}"></script>-->
<script type="text/javascript" th:src="@{/assets/pages/scripts/form-samples.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/layouts/layout6/scripts/layout.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/pages/scripts/ui-general.min.js}" ></script>
<!--<script type="text/javascript" th:src="@{assets/layouts/global/scripts/quick-sidebar.min.js}"></script>-->
<script type="text/javascript" th:src="@{/js/sjypz.js}"></script>
</body>

</html>